<template>
  <div class="movie-container">
    <h1>movie组件</h1>

    <h3>Movie 组件 --- {{ $route.params.mid }}  ---- {{ mid }}</h3>
    <button @click="showThis">打印this</button>
  </div>
</template>
 
<script>
export default {
  // 定义 电影id属性
  props: ['mid'],
  methods: {
    showThis() { 
      console.log(this);
    }
  }
}
</script>
 
<style lang="less" scoped>
.movie-container {
  background-color: aqua;
  width: 100%;
  min-width: 300px;
}
</style>
